
<div id="logoAndBorrowButton" style="height:10px">

    <div id="ilenderImg" align="center" style="position:relative;top:160px;"> 
	<img alt="ilenderImg" onclick="loadHomeScreen();" class="thumbnails" border="0" draggable="false"
	src="pics/rebayLogo.jpg" width="400">
	</div>
    
    <div id="post_request_or_item" style="position:absolute;left:100%">
    </div>

</div>

<div style="position:absolute;top:10px;right:40px">
    <a
	class="go-to-page-link"
	target="_blank"
	href="https://www.facebook.com/RebaySocial">
	Visit our page
    </a>
</div>

<div style="position:absolute;top:40px;right:40px">
	<%=renderEjs('user/open_user_panel_button')%>
</div>

<div style="position:absolute;top:80px;right:40px">
	<%=renderEjs('items/open_new_item_button')%>
</div>

<div style="position:absolute;top:120px;right:40px">
    <button
	style="width:120px"
	action="items#mine"
	data-callback="updateCardlets animateToMainSearchLayout"
	selector="#generalBorrowLendList"
	>My Items</button>
</div>

<%/*
the first table that holds the two main buttons
*/%>

<form store_last_query="true" autotrigger="rerun-last-search"
    data-callback="updateCardlets animateToMainSearchLayout" entry_ejs="layout/cardlet_list"
    selector="#generalBorrowLendList">
    <table id="main_search_form" align="center" style="position:relative;top:305px">
	<tr>
	    <td colspan="2">
		<input type="text" size="35" name="search_string" class="search-box" style="width:100%" />
	    </td>
	</tr>
	<tr>
	    <td align="center">
		<button
		    action="items#search"
		    data-callback="updateCardlets animateToMainSearchLayout buttonForNotFoundRequest" entry_ejs="layout/cardlet_list"
		    selector="#generalBorrowLendList"
		    >Borrow something!</button>
	    </td>
	    <td align="right" style="width:1px;white-space:nowrap">
		<span class="order-by-text">Order by:</span>
		<select ui_role="order_by" selector="#generalBorrowLendList">
		    <option data-sort_function="ordering_suitability">Relevance</option>
		    <option data-sort_function="ordering_creationDate">Date</option>
		    <option data-sort_function="ordering_suitabilityItem">Item Relevance</option>
		    <option data-sort_function="ordering_suitabilityUser">Owner Relevance</option>
		</select>
	    </td>
	</tr>
    </table>
</form>

<%/*
creating a cradlet list
*/%>


<div align="center" id="generalBorrowLendList" 
	 contains="cardlets" class="cardlet-list" 
	 style="width:100%;">
</div>
